import type { Registry } from "shadcn/schema";

export const styles: Registry["items"] = [
  {
    cssVars: {
      dark: {
        accent: "--alpha(var(--color-white) / 8%)",
        "accent-foreground": "var(--color-zinc-100)",
        background: "var(--color-zinc-950)",
        border: "--alpha(var(--color-white) / 12%)",
        card: "color-mix(in srgb, var(--color-zinc-900) 80%, var(--color-zinc-950))",
        "card-foreground": "var(--color-zinc-100)",
        destructive: "var(--color-red-500)",
        "destructive-foreground": "var(--color-red-400)",
        foreground: "var(--color-zinc-100)",
        info: "var(--color-blue-500)",
        "info-foreground": "var(--color-blue-400)",
        input: "--alpha(var(--color-white) / 12%)",
        muted: "--alpha(var(--color-white) / 8%)",
        "muted-foreground": "var(--color-zinc-400)",
        popover: "var(--color-zinc-900)",
        "popover-foreground": "var(--color-zinc-100)",
        primary: "var(--color-zinc-100)",
        "primary-foreground": "var(--color-zinc-900)",
        ring: "var(--color-zinc-500)",
        secondary: "--alpha(var(--color-white) / 8%)",
        "secondary-foreground": "var(--color-zinc-100)",
        success: "var(--color-emerald-500)",
        "success-foreground": "var(--color-emerald-400)",
        warning: "var(--color-amber-500)",
        "warning-foreground": "var(--color-amber-400)",
      },
      light: {
        accent: "--alpha(var(--color-black) / 4%)",
        "accent-foreground": "var(--color-zinc-900)",
        background: "var(--color-white)",
        border: "--alpha(var(--color-black) / 10%)",
        card: "var(--color-white)",
        "card-foreground": "var(--color-zinc-900)",
        destructive: "var(--color-red-500)",
        "destructive-foreground": "var(--color-red-700)",
        foreground: "var(--color-zinc-900)",
        info: "var(--color-blue-500)",
        "info-foreground": "var(--color-blue-700)",
        input: "--alpha(var(--color-black) / 10%)",
        muted: "--alpha(var(--color-black) / 4%)",
        "muted-foreground": "var(--color-zinc-600)",
        popover: "var(--color-white)",
        "popover-foreground": "var(--color-zinc-900)",
        primary: "var(--color-zinc-800)",
        "primary-foreground": "var(--color-zinc-50)",
        ring: "var(--color-zinc-400)",
        secondary: "--alpha(var(--color-black) / 4%)",
        "secondary-foreground": "var(--color-zinc-900)",
        success: "var(--color-emerald-500)",
        "success-foreground": "var(--color-emerald-700)",
        warning: "var(--color-amber-500)",
        "warning-foreground": "var(--color-amber-700)",
      },
    },
    name: "colors-zinc",
    type: "registry:style",
  },
];
